<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<script src="${pageContext.request.contextPath}/js/Echarts/china.js"></script>
<style>
	.btnarea{
		width: 44%;
	    float: right;
	    margin-right: 9%;
	    margin-top: 3%;
	}
</style>
<div ng-controller="assetManagementController as controller">
	<div class="wrap">
		<div class="mapTips">
			<h6>
				<i class="glyphicon glyphicon-cog"></i> <span>条件设置</span>
			</h6>
		</div>
		<div class="conditionWrap">
			<div class="wrapFirst" style="height:103px; margin-bottom: 50px;margin-top: 10px">
				<form role="form" name="tableForm" class="form-horizontal">
					<div class="form-group">
						<div class="row">
							<div class="col-md-4 col-sm-4 col-xs-4">
								<label for="input-userNo_search" class="control-label" style="margin-right: 3%;padding: 19px 6px 0 10%;font-weight: bold;font-size: 11px;float:left;">所属域:</label>
								<select style="width: 60%; height: 34px;border-radius: 4px;margin-top: 10px;" ng-model="controller.queryCondition.regionIndex">
									<option value="">全部</option>
									<option ng-repeat="x in shregion" value="{{x.name}}">{{x.name}}</option>
								</select>
							</div>
							<div class="col-md-4 col-sm-4 col-xs-4" style="">
								<label for="input-userNo_search" class="control-label" style="margin-right: 3%;padding: 19px 6px 0 10%;font-weight: bold;font-size: 11px;float:left;">机房:</label>
								<select style="width: 60%; height: 34px;border-radius: 4px;margin-top: 10px;" ng-model="controller.queryCondition.roomnameIndex" >
									<option value="">全部</option>
									<option ng-repeat="y in shroomname" value="{{y.name}}">{{y.name}}</option>
								</select>
							</div>
							<div class="col-md-4 col-sm-4 col-xs-4" style=""></div>
						</div>
						<div class="row">
							<div class="col-md-4 col-sm-4 col-xs-4" style="">
								<label for="input-userNo_search" class="control-label"
									style="margin-right: 3%;padding: 19px 6px 0 10%;font-weight: bold;font-size: 11px;float:left;">&nbsp;&nbsp;&nbsp;机架:</label>
								<div class=""
									style="width: 60%; margin-top: 10px;float:left;">
									<input ng-model="controller.queryCondition.racknameIndex" type="text"
										class="form-control" id="" placeholder="机架">
								
								</div>	
							</div>
							<div class="col-md-4 col-sm-4 col-xs-4">
								<label for="input-userNo_search" class="control-label"
									style="margin-right: 3%;padding: 19px 6px 0 10%;font-weight: bold;font-size: 11px;float:left;">&nbsp;&nbsp;&nbsp;IP:</label>
								<div class=""
									style="width: 60%; margin-top: 10px;float:left;">
									<input ng-model="controller.queryCondition.ipAddrIndex" type="text"
										class="form-control" id="input-userNo_search" placeholder="0.0.0.0">
										
								</div>	
							</div>
							
							<div class="col-md-4 col-sm-4 col-xs-4" style="">
								<div class="btnarea">
									<a class="btn btn-primary" style="margin-right: 6px;width: 40%;"
									ng-click="controller.search()"> <!-- <i class="fa fa-search"></i> -->搜索
									</a>
									<a class="btn btn-danger" style=" width: 40%;" ng-click="controller.reset()"> <!-- <i
											class="fa fa-search"></i> -->重置
									</a>
								</div>
								
							</div>
						</div>
						
						<div style="padding: 19px 0 0 15px;">
							<button class="btn btn-default"
								style="float:left;margin: 2px 8px 0 0;"
								type="button" ng-click="controller.insertConfig()">新增配置</button>
						</div>
						<div style="float:left;margin: 2px 8px 0 0;">
							<button class="btn btn-default" type="button" style=""
								ng-click="controller.editConfig();">编辑配置</button>
						</div>
						<div style="float:left;margin: 2px 8px 0 0;">
							<button class="btn btn-default" type="button"
								ng-click="controller.delConfig();">删除配置</button>
						</div>
						<div style="float:left;margin: 2px 8px 0 0;">
							<button class="btn btn-default" type="button"
								ng-click="controller.leadingIn();">导入</button>
						</div>
						<div style="float:left;margin: 2px 8px 0 0;">
							<a class="btn btn-default" href="{{assertexportUrl}}"
								>导出</a>
						</div>
						
					</div>
					<div class="form-group"></div>
				</form>
				
			</div>


		</div>

		<div class="mapBottom table-bordered"
			style="font-size: 13px; background: white;    overflow: auto;">
			<table class="table table-bordered" style="font-size: 13px;width:1900px">
				<tr>
					<th style="width:2%;"><input type="checkbox" id="check_all" /></th>
					<th  style="display:none;">ID</th>
					<th >所属域</th>
					<th >系统名称</th>
					<th >机房</th>
					<th >机架</th>
					<th >设备存放位置</th>
					<th >所属应用系统</th>
					<th >主机用途</th>
					<th >序列号</th>
					<th >型号描述</th>
					<th >配置项名称</th>
					<th >IP地址</th>
					<th >管理卡地址</th>
				</tr>

				<tr ng-repeat="data in controller.assetManagementList">
					<td ><input type="checkbox" class="check_item" />
					<input type="hidden" vlaue={{data.id}} id="id" /></td>
					<td  style="display:none;">{{data.id}}</td>
					<td >{{data.sh_region}}</td>
					<td >{{data.sh_sysname}}</td>
					<td >{{data.sh_roomname}}</td>
					<td >{{data.sh_rackname}}</td>
					<td >{{data.location}}</td>
					<td >{{data.systemname}}</td>
					<td >{{data.host_used_for}}</td>
					<td >{{data.serialon}}</td>
					<td >{{data.modeldesc}}</td>
					<td >{{data.clname}}</td>
					<td >{{data.sh_ipaddr}}</td>
					<td >{{data.mgraddr}}</td>	
				</tr>
				
			</table>



		</div>
		<div class="spagination "
				style="left: 305px; top: -12px; float: left; width: 1105px; position: relative;">
<!-- 				分页文字信息  -->
				<div class=""
					style="top: 25px; width: 100px; position: absolute; right: 1078px; float: left;">总
					{{controller.paginationInfo.totalElements}}条记录</div>
				<div style="position: absolute; left: 0px;">
					<ul uib-pagination
						total-items="controller.paginationInfo.totalPages"
						ng-model="controller.queryCondition.page"
						max-size="controller.paginationInfo.maxSize" class="pagination-md"
						boundary-links="true" items-per-page="1" rotate="false"
						ng-change="controller.pageChanged();" previous-text="上一页"
						next-text="下一页" first-text="首页" last-text="最后一页"></ul>
					<div class="col-md-1"
						style="top: 27px; left: 98%; width: 117px; position: absolute;">
						跳转
						<div class="col-md-1"
							style="left: 29%; float: left; top: 21px; position: absolute;">
							<input ng-model="controller.queryCondition.forwordPage"
								ng-keyup="enterEvent($event)" type="text" class="form-control"
								style="height: 33px; width: 50px; top: -28px; position: absolute;">
						</div>
						<div style="position: absolute; top: 0px; left: 94%;">页</div>

					</div>
				</div>
			</div>
			
			
	</div>
</div>
<script type="text/javascript">
	$('.wrap').resize(function() {

	});
</script>